<template>
	<view class="page-content">
		<view class="flex-start" style="align-items: center;margin-bottom: 15px;">
			<image src="../../../static/wallet/redract.png" mode="" style="width: 4px;height: 21px;margin-right: 5px;">
			</image>
			<text style="font-size: 15px;font-weight: 600;">编辑票务信息</text>
		</view>


		<view class="flex-start" style="align-items: center;margin-bottom: 15px;">
			<view class="inputLabel">票务名称：</view>
			<input class="uni-input" v-model="ticketName" placeholder="请输入"
				style="flex: 1;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;" />
		</view>

		<view class="flex-start" style="align-items: center;margin-bottom: 15px;">
			<view class="inputLabel">适用钓场：</view>
			<!-- <input class="uni-input" v-model="ticketName" placeholder="请输入" style="flex: 1;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;" /> -->
			<view style="flex:1;">
				<zxz-uni-data-select v-model="site" multiple dataKey="label" dataValue="value" :localdata="options"
					@change="change"></zxz-uni-data-select>
			</view>
		</view>
		<view class="flex-start" style="align-items: center;margin-bottom: 15px;">
			<view class="inputLabel">手机号：</view>
			<input class="uni-input" type="number" v-model="ticketName" placeholder="请输入"
				style="flex: 1;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;" />
		</view>

		<view class="flex-start" style="align-items: center;margin-bottom: 15px;">
			<view class="inputLabel">折扣：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="输入数字" :password="showPassword" style="flex:1;" />
				<text class="uni-icon">折</text>
			</view>
		</view>

		<view class="flex-start" style="align-items: center;">
			<view class="inputLabel">限制单场报名人数：</view>
			<view class="uni-input-wrapper flex-start"
				style="flex: 1;align-items: center;border: 1px solid #f0f0f0;padding: 10px 10px;border-radius: 7px;">
				<input class="uni-input" placeholder="输入数字" :password="showPassword" style="flex:1;" />
				<text class="uni-icon">人</text>
			</view>
		</view>


		<view class="confirmBtn">
			确认
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				checkUserList: [],
				importUserId: [],
				value: [],
				site: [],
				options: [{
						label: '沃尔玛',
						value: '0',
					},
					{
						label: '国家电',
						value: '1',
					},
					{
						label: '中国石',
						value: '2',
					},
					{
						label: '苹果',
						value: '3',
					},
					{
						label: 'CVSHe',
						value: '4',
					},
					{
						label: '联合健康',
						value: '5',
					},
					{
						label: '丰田汽',
						value: '6',
					},
				],
			}
		},
		onLoad() {
			let that = this

		},

		methods: {
			selectChange2() {
				// 此处为点击的事件
			},
			searchEvent(val) {
				console.log('查询事件参数', val)
				// 此处把新的请求值 赋值给options
			},
		},
	}
</script>
<style lang="scss" scoped>
	.page-content {
		padding: 20px;
		font-size: 15px;
		position: relative;
		padding-bottom: 40px;
		height: calc(100vh - 50px);
		box-sizing: border-box;
	}

	.flex-start {
		display: flex;
		justify-content: flex-start;
	}

	.inputLabel {
		min-width: 100px;
	}

	.uni-input-input {
		border: 1px solid #f0f0f0 !important;
	}

	.confirmBtn {
		position: absolute;
		width: 70%;
		background: #D43030;
		bottom: 40px;
		left: 15%;
		height: 40px;
		color: #fff;
		text-align: center;
		line-height: 40px;
	}
</style>